<!DOCTYPE html>
<html>

<head>
    <title>豆瓣</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="./css/douban.css">
</head>

<body>
    <!-- header部分 -->
    <div class="header_up">
        <h1><a href="http://www.douban.com">豆瓣</a></h1>
        <form action="https://www.douban.com/search" method="get">
            <span class="input">
                <input type="text" name="search" placeholder="书籍、电影、音乐、小站、成员">
            </span>
            <span class="search_button">
                <input type="submit" name="submit">
            </span>
        </form>
        <ul>
            <li><a href="https://book.douban.com" target="_blank" class="link_book">读书</a></li>
            <li><a href="https://movie.douban.com" target="_blank" class="link_movie">电影</a></li>
            <li><a href="https://music.douban.com" target="_blank" class="link_music">音乐</a></li>
            <li><a href="https://www.douban.com/group" target="_blank" class="link_group">小组</a></li>
            <li><a href="https://www.douban.com/location" target="_blank" class="link_location">同城</a></li>
            <li><a href="https://douban.fm" target="_blank" class="link_fm">FM</a></li>
            <li><a href="#" class="link_time">时间</a></li>
            <li><a href="#" class="link_market">市集</a></li>
        </ul>
    </div>
    <div class="header_down">
        <div class="bg"></div>
        <div class="register_app">
            <p class="app_title">
                豆瓣
                <span>5.0</span>
            </p>
            <p class="app_slogan">
                <span>我们的精神角落</span>
            </p>
            <a href="#" class="link_app">下载豆瓣 App</a>
            <div class="app_qr">
                <a href="#" class="app_qr_a">
                    <img src="./images/icon_qrcode_green.png" alt="app_qr">
                </a>
                <div class="app_qr_expand">
                    <img src="./images/doubanapp_qrcode.png" alt="" class="app_qrExpand">
                    <p>iOS / Android 扫码直接下载</p>
                </div>
            </div>
        </div>
        <div class="field">
            <fieldset>
                <legend>登录</legend>
                <div class="item item_account">
                    <input type="text" name="form_email" placeholder="邮箱 / 手机号">
                </div>
                <div class="item item_password">
                    <input type="password" name="psword" placeholder="密码">
                    <div class="item_help">
                        <a href="#">帮助</a>
                    </div>
                </div>
                <div class="item_login">
                    <input type="submit" value="登录豆瓣">
                </div>
                <div class="register_login">
                    注册账号
                </div>
                <div class="others">
                    <input type="checkbox" name="item_remember">记住我
                    <ul class="item_ul">
                        <li class="item_li_first"><a href="#" target="_blank"></a></li>
                        <li class="item_li_last"><a href="#" target="_blank"></a></li>
                    </ul>
                </div>
            </fieldset>
        </div>
    </div>
    <!-- header部分结束 -->
    <!-- 横幅部分 -->
    <div class="banner_ad"></div>
    <!-- 横幅部分结束 -->
    <!-- section部分 -->
    <div id="section">
        <div class="section_hotContent">
            <div class="section_hotContent_left">
                <h2>
                    热点内容&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;
                    <span>
                        (&nbsp;
                        <a href="#">更多</a>
                        &nbsp;)
                    </span>
                </h2>
                <div class="left_pictures">
                    <ul>
                        <li>
                            <div class="pic">
                                <img src="./images/p2501864026.webp" alt=""> 
                            </div>
                            <a href="#">「甲壳虫之墓」它们与世隔绝，直到有人踏入这片山谷 
                            </a>
                            <span>27张照片</span>
                        </li>
                        <li>
                            <div class="pic">
                                <img src="./images/p2501771830.webp" alt=""> 
                            </div><a href="#">《雨天的火锅》 </a>
                            <span>18张照片</span>
                        </li>
                        <li >
                            <div class="pic">
                                <img src="./images/p2502047708.webp" alt="">
                            </div> <a href="#">古老的埃及</a> 
                            <span>68张照片</span>
                        </li>
                        <li >
                            <div>
                                <img src="./images/p2501793247.webp" alt=""> 
                            </div><a href="#">台北-绿岛-垦丁</a>
                            <span>27张照片</span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="section_hotContent_center">
                <ul>
                    <li class="special_center">
                        <a href="#">故宫·千里江山丨会排队就够了？请收下这份血染的攻略</a>
                        <div>木鼓鼓的日记</div>
                        <p>故宫的年度大展“千里江山——历代青绿山水画特展”已经热火朝天的展出了一个多月...</p>
                    </li>
                    <li>
                        <a href="#">从人工智能到后人类：再度更新的AlphaGo没有改变什么？</a>
                    </li>
                    <li>
                        <a href="#">村官</a>
                    </li>
                    <li>
                        <a href="#">帮朋友装书架</a>
                    </li>
                    <li>
                        <a href="#">大家好，我是N017号童模</a>
                    </li>
                    <li>
                        <a href="#">柳林风声 插图对比</a>
                    </li>
                    <li>
                        <a href="#">对不起，我们最终还是没有变成超级英雄</a>
                    </li>
                    <li>
                        <a href="#">柳林风声 插图对比</a>
                    </li>
                    <li>
                        <a href="#">还记得那个横扫围棋界的AI“阿法狗”吗？现在，它输了……</a>
                    </li>
                    <li>
                        <a href="#">在冷门季节去北海道</a>
                    </li>
                    <li>
                        <a href="#">九州散策|熊本看城与熊记</a>
                    </li>
                    

                </ul>
            </div>
            <div class="section_hotContent_right">
                <h2>热门话题  &nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;  
                    ( &nbsp;
                    <a href="#">去话题广场 </a>
                    &nbsp;)
                </h2>
                <div class="hotContent_talks">
                    <ul>
                        <li>
                            <a href="#">人生中最尴尬的一件事<span>&nbsp;[新]</span></a> 
                            <div>说出来让大家高兴高兴 · 4274人参与</div>
                        </li>
                        <li>
                            <a href="#">双十一什么值得买</a> 
                            <div>准备工作可以做起来了 · 9570人参与</div>
                        </li>
                        <li>
                            <a href="#">我最喜爱的诺奖作家</a> 
                            <div>豆友心中有杆秤 · 3279人参与</div>
                        </li>
                        <li>
                            <a href="#">网络流行语令我们更有趣了吗</a> 
                            <div>江山代有新词出，各领风骚数百天 · 2747人...</div>
                        </li>
                        <li>
                            <a href="#">秋日散步指南</a> 
                            <div>秋天散步才是正经事 · 4014人参与</div>
                        </li>
                        <li>
                            <a href="#">秋食记</a> 
                            <div>天朗气清，烹一炉秋天 · 12023人参与</div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="section_time">
            <div class="section_time_1">
                <h2><a href="#">豆瓣时间</a></h2>
            </div>
            <div class="section_time_2">
                <h2>
                    热门专栏&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;
                    (&nbsp;
                    <a href="#" class="time_a">更多</a>
                    &nbsp;)
                </h2>
                <ul>
                    <li>
                        <img src="./images/f90e218a-b8aa-11e7-9cc5-0242ac110021.jpg" alt=""><a href="#">52倍人生——戴锦华大师电影课
                    </a><span>音频专栏</span>
                    </li>
                    <li>
                        <img src="./images/f90e218a-b8aa-11e7-9cc5-0242ac110021.jpg" alt=""><a href="#">吃个宋代冰淇淋——随孟晖女史重觅古代生活
                    </a><span>音频专栏</span>
                    </li>
                    <li>
                        <img src="./images/f90e218a-b8aa-11e7-9cc5-0242ac110021.jpg" alt=""><a href="#">笔落惊风雨——你不可不知的中国三大名画
                    </a><span>音频专栏</span>
                    </li>
                    <li>
                        <img src="./images/f90e218a-b8aa-11e7-9cc5-0242ac110021.jpg" alt=""><a href="#">拍张好照片——10分钟搞定旅行摄影
                    </a><span>图文专栏</span>
                    </li>
                    <li>
                        <img src="./images/f90e218a-b8aa-11e7-9cc5-0242ac110021.jpg" alt=""><a href="#">以乐语教国子——叶嘉莹古诗词吟诵课
                    </a><span>音频专栏</span>
                    </li>
                    <li>
                        <img src="./images/f90e218a-b8aa-11e7-9cc5-0242ac110021.jpg" alt=""><a href="#">不寻常世界——5部世界经典恐怖电影
                    </a><span>图文专栏</span>
                    </li>
                    <li>
                        <img src="./images/f90e218a-b8aa-11e7-9cc5-0242ac110021.jpg" alt=""><a href="#">白先勇细说红楼梦——从小说角度重解“红楼”
                    </a><span>音频专栏</span>
                    </li>
                    <li>
                        <img src="./images/f90e218a-b8aa-11e7-9cc5-0242ac110021.jpg" alt=""><a href="#">古今——杨照史记百讲
                    </a><span>音频专栏</span>
                    </li>
                    <li>
                        <img src="./images/f90e218a-b8aa-11e7-9cc5-0242ac110021.jpg" alt=""><a href="#">回到原典——细节里的中国美术史
                    </a><span>音频专栏</span>
                    </li>
                    <li>
                        <img src="./images/f90e218a-b8aa-11e7-9cc5-0242ac110021.jpg" alt=""><a href="#">醒来——北岛和朋友们的诗歌课
                    </a><span>音频专栏</span>
                    </li>
                </ul>
            </div>
        </div>

        <div class="section_movie">
            <div class="section_movie_1">
                <h2><a href="#">视频</a></h2>
            </div>
            <div class="section_movie_2">
                <h2>如是 &nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;    
                </h2>
                <div class="movie_top">
                    <ul>
                        <li><a href="#" class="tag_movie"><img src="./images/file-1508947673.jpg" alt=""></a><div><a href="#">《如是》第十二期丨如是：这是我的路，你的呢？</a></div></li>

                        <li><a href="#" class="tag_movie"><img src="./images/file-1508947673.jpg" alt=""></a><div><a href="#">《如是》第十一期丨王珮瑜：撕裂的生活很痛，但我喜欢</a></div></li>

                        <li><a href="#" class="tag_movie"><img src="./images/file-1508947673.jpg" alt=""></a><div><a href="#">《如是》第十期｜西川：凡是能够使我获得再生之感的东西，都是诗意</a></div></li>
                    </ul>
                </div>
                <h2>拌嘴 &nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;    
                </h2>
                <div class="movie_down">
                    <ul>
                        <li><a href="#" class="tag_movie"><img src="./images/file-1508947673.jpg" alt=""></a><div><a href="#">手撕网络暴力第一女神袁姗姗，撒娇卖萌怼毒评</a></div></li>

                        <li><a href="#" class="tag_movie"><img src="./images/file-1508947673.jpg" alt=""></a><div><a href="#">《王牌特工2》里最2的两大主演，被毒评气到看心理医生 |《瓣嘴3》第13期</a></div></li>

                        <li><a href="#" class="tag_movie"><img src="./images/file-1508947673.jpg" alt=""></a><div><a href="#">潘粤明演技再好，面对毒评也被憋成潘粤暗&nbsp;</a></div></li>
                    </ul>
                </div>
            </div>
        </div>
        
        <div class="section_film">
            <div class="wrapper_left">
                 <div class="film_left">
                    <h2><a href="#">电影</a></h2>
                    <ul>
                        <li><a href="#">影讯&amp;购票</a></li>
                        <li><a href="#">选电影 </a><span><img src="./images/new_menu.gif" alt="new_menu"></span></li>
                        <li><a href="#">电视剧</a></li>
                        <li><a href="#">排行榜</a></li>
                        <li><a href="#">分类</a></li>
                        <li><a href="#">影评</a></li>
                        <li><a href="#">预告片</a></li>
                        <li><a href="#">问答</a></li>
                    </ul>
                </div>   
            </div>
            <div class="wrapper_center">
                <div class="center_header">
                    <h2>
                    正在热映&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;
                    (&nbsp;
                    <a href="#" class="time_a">更多</a>
                    &nbsp;)
                </h2>
                </div>

                 <div class="film_center">
                    <ul>
                        <li>
                            <div class="pic"><a href="#"><img src="./images/p2501769525.webp" alt="film"></a>
                            </div>
                            <div class="title"><a href="#">全球风暴</a></div>
                            <div class="rating" style="background: url('./images/ic_rating_s.png') no-repeat 0 -33px;height: 11px;margin-left:20px;"><span style="margin-left: 60px;color: orange;">6.7</span></div>
                            <a href="#" class="purcharse">选座购票</a>
                        </li>
                        <li>
                            <div class="pic"><a href="#"><img src="./images/p2501769525.webp" alt="film"></a>
                            </div>
                            <div class="title"><a href="#">银翼杀手204...</a></div>
                            <div class="rating" style="background: url('./images/ic_rating_s.png') no-repeat 0 -33px;height: 11px;margin-left:20px;"><span style="margin-left: 60px;color: orange;">8.4</span></div>
                            <a href="#" class="purcharse">选座购票</a>
                        </li>
                        <li>
                            <div class="pic"><a href="#"><img src="./images/p2501769525.webp" alt="film"></a>
                            </div>
                            <div class="title"><a href="#">常在你左右</a></div>
                            <div class="rating"><span style="color: #333;margin-left: 40px;">暂无评分</span></div>
                            <a href="#" class="purcharse">选座购票</a>
                        </li>
                        <li>
                            <div class="pic"><a href="#"><img src="./images/p2501769525.webp" alt="film"></a>
                            </div>
                            <div class="title"><a href="#">爱情邮局</a></div>
                            <div class="rating"><span style="color: #333;margin-left: 40px;">暂无评分</span></div>
                            <a href="#" class="purcharse">选座购票</a>
                        </li>
                        <li>
                            <div class="pic"><a href="#"><img src="./images/p2501769525.webp" alt="film"></a>
                            </div>
                            <div class="title"><a href="#">王牌特工2：黄...</a></div>
                            <div class="rating" style="background: url('./images/ic_rating_s.png') no-repeat 0 -22px;height: 11px;margin-left:20px;"><span style="margin-left: 60px;color: orange;">7.3</span></div>
                            <a href="#" class="purcharse">选座购票</a>
                        </li>
                        <li>
                            <div class="pic"><a href="#"><img src="./images/p2501769525.webp" alt="film"></a>
                            </div>
                            <div class="title"><a href="#">全球风暴</a></div>
                            <div class="rating" style="background: url('./images/ic_rating_s.png') no-repeat 0 -33px;height: 11px;margin-left:20px;"><span style="margin-left: 60px;color: orange;">6.7</span></div>
                            <a href="#" class="purcharse">选座购票</a>
                        </li>
                        
                        <li>
                            <div class="pic"><a href="#"><img src="./images/p2501769525.webp" alt="film"></a>
                            </div>
                            <div class="title"><a href="#">天才枪手</a></div>
                            <div class="rating" style="background: url('./images/ic_rating_s.png') no-repeat 0 -11px;height: 11px;margin-left:20px;"><span style="margin-left: 60px;color: orange;">8.3</span></div>
                            <a href="#" class="purcharse">选座购票</a>
                        </li>
                        <li>
                            <div class="pic"><a href="#"><img src="./images/p2501769525.webp" alt="film"></a>
                            </div>
                            <div class="title"><a href="#">缝纫机乐队</a></div>
                            <div class="rating" style="background: url('./images/ic_rating_s.png') no-repeat 0 -33px;height: 11px;margin-left:20px;"><span style="margin-left: 60px;color: orange;">7.0</span></div>
                            <a href="#" class="purcharse">选座购票</a>
                        </li>
                    </ul>
                </div>   
            </div>
            <div class="wrapper_right">
                 <div class="movie_right">
                    <div class="movie_item">
                        <h2>
                    影片分类&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;
                    (&nbsp;
                    <a href="#" class="time_a">更多</a>
                    &nbsp;)
                    </h2>
                    </div>
                    <div class="movies">
                        <ul>
                            <li><a href="#">爱情</a></li>
                            <li><a href="#">喜剧</a></li>
                            <li><a href="#">剧情</a></li>
                            <li><a href="#">动画</a></li>
                            <li><a href="#">科幻</a></li>
                            <li><a href="#">动作</a></li> 
                            <li><a href="#">经典</a></li>
                            <li><a href="#">悬疑</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">犯罪</a></li>
                            <li><a href="#">惊悚</a></li>
                            <li><a href="#">文艺</a></li>
                            <li><a href="#">纪录片</a></li>
                            <li><a href="#">励志</a></li>
                            <li><a href="#">剧情</a></li>
                            <li><a href="#">战争</a></li>
                            <li><a href="#">恐怖</a></li>
                            <li><a href="#">黑色幽默</a></li> 
                            <li><a href="#">美国</a></li>
                            <li><a href="#">日本</a></li>
                            <li><a href="#">香港</a></li>
                            <li><a href="#">战争</a></li>
                            <li><a href="#">英国</a></li>
                            <li><a href="#">中国</a></li>
                            <li><a href="#">韩国</a></li>
                            <li><a href="#">剧情</a></li>
                            <li><a href="#">法国<a></li>
                            <li><a href="#">台湾<a></li>
                            <li><a href="#">中国大陆<a></li>       
                            <li><a href="#">德国</a></li>
                        </ul>
                    </div>
                    <div class="movie_hot">
                        <h2>
                    近期热门&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;
                    (&nbsp;
                    <a href="#" class="time_a">更多</a>
                    &nbsp;)
                    </h2>
                    </div>
                    <div class="hotMovie">
                        <ol start="1">
                            <li><a href="#">小戏骨：红楼梦之刘姥姥进大观园</a></li>
                            <li><a href="#">极寒之城</a></li>
                            <li><a href="#">猩球崛起3：终极之战</a></li>
                            <li><a href="#">杀破狼·贪狼</a></li>
                            <li><a href="#">大护法</a></li>
                            <li><a href="#">小丑回魂</a></li>
                            <li><a href="#">猎凶风河谷</a></li>
                            <li><a href="#">双面情人</a></li>
                            <li><a href="#">美国行动</a></li>
                            <li><a href="#">辣手保姆</a></li>
                        </ol>
                    </div>
                </div>   
            </div>   
        </div>
        
        <div class="section_group">
            <div class="wrapper_left">
                <div class="group_left">
                    <h2><a href="#">小组</a></h2>
                    <ul>
                        <li><a href="#">精选</a></li>
                        <li><a href="#">文化</a></li>
                        <li><a href="#">行摄</a></li>
                        <li><a href="#">娱乐</a></li>
                        <li><a href="#">时尚</a></li>
                        <li><a href="#">生活</a></li>
                        <li><a href="#">科技</a></li>
                    </ul>
                </div>
            </div>
            <div class="wrapper_center">
                <div class="group_center">
                    <h2>
                        热门小组&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;
                        (&nbsp;
                        <a href="#" class="time_a">更多</a>
                        &nbsp;)
                    </h2>
                    <div class="group_center_down">
                        <ul>
                            <li><div class="pic"><a href="#"><img src="./images/g407193-15.jpg" alt=""></a>
                                <span><a href="#">帮帮组™加入这个组就有人帮你了！</a><div>15313 个成员</div></span>
                                </div>
                            </li>
                        
                            <li><div class="pic"><a href="#"><img src="./images/g407193-15.jpg" alt=""></a>
                                <span><a href="#">我爱三毛</a><div>44400 个成员</div></span>
                                </div>
                            </li>
                        
                            <li><div class="pic"><a href="#"><img src="./images/g407193-15.jpg" alt=""></a>
                                <span><a href="#">沙发客</a><div>22128 个成员</div></span>
                                </div>
                            </li>
                        
                            <li><div class="pic"><a href="#"><img src="./images/g407193-15.jpg" alt=""></a>
                                <span><a href="#">刘慈欣</a><div>22048 个成员</div></span></div>
                                
                            </li>
                        
                            <li><div class="pic"><a href="#"><img src="./images/g407193-15.jpg" alt=""></a>
                                <span><a href="#">西双版纳</a>
                                <div>10387 个成员</div></span></div>
                            </li>
                        
                            <li><div class="pic"><a href="#"><img src="./images/g407193-15.jpg" alt=""></a>
                                <span><a href="#">记事本圆梦小组</a><div>109647 个成员</div></span></div>
                                
                            </li>
                        
                            <li><div class="pic"><a href="#"><img src="./images/g407193-15.jpg" alt=""></a>
                                <span><a href="#">搭讪学</a><div>93254 个成员</div></span></div>
                                
                            </li>
                        
                            <li><div class="pic"><a href="#"><img src="./images/g407193-15.jpg" alt=""></a>
                                <span><a href="#">这辈子一定要做几件疯狂的事</a><div>91554 个成员</div></span></div>
                                
                            </li>
                        
                            <li><div class="pic"><a href="#"><img src="./images/g407193-15.jpg" alt=""></a>
                                <span><a href="#">自己给自己剪头发</a><div>31692 个成员</div></span></div>
                                
                            </li>
                        
                            <li><div class="pic"><a href="#"><img src="./images/g407193-15.jpg" alt=""></a>
                                <span><a href="#">我们就是要做衣服给自己穿</a><div>3828 个成员</div></span></div>
                                
                            </li>
                        
                            <li><div class="pic"><a href="#"><img src="./images/g407193-15.jpg" alt=""></a>
                                <span><a href="#">对象太他妈难找了党-单身凸^-^凸</a>
                                <div>15506 个成员</div></span></div>
                                
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="wrapper_right">
                <div class="group_right">
                    <div class="group_right_first">
                    <h2>
                    小组分类&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;
                    </h2>
                    </div>
                    <div class="group_right_second">
                        <h3><a href="#">兴趣&raquo;</a></h3>
                        <ul>
                            <li><a href="#">旅行</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">影视</a></li>
                            <li><a href="#">音乐</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">游戏</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">运动</a></li>
                            <li><a href="#">戏曲</a></li>
                            <li><a href="#">桌游</a></li>
                            <li><a href="#">怪癖</a></li>
                        </ul>
                    </div>
                    <div class="group_right_third">
                        <h3><a href="#">生活&raquo;</a></h3>
                        <ul>
                            <li><a href="#">健康</a></li>
                            <li><a href="#">美食</a></li>
                            <li><a href="#">宠物</a></li>
                            <li><a href="#">美容</a></li>
                            <li><a href="#">化妆</a></li>
                            <li><a href="#">护肤</a></li>
                            <li><a href="#">服饰</a></li>
                            <li><a href="#">公益</a></li>
                            <li><a href="#">家庭</a></li>
                            <li><a href="#">育儿</a></li>
                            <li><a href="#">汽车</a></li>
                        </ul>
                    </div>
                    <div class="group_right_fourth">
                        <h3><a href="#">购物&raquo;</a></h3>
                        <ul>
                            <li><a href="#">淘宝</a></li>
                            <li><a href="#">团购</a></li>
                            <li><a href="#">二手</a></li>
                            <li><a href="#">数码</a></li>
                            <li><a href="#">品牌</a></li>
                            <li><a href="#">文具</a></li>
                        </ul>
                    </div>
                    <div class="group_right_fivth">
                        <h3><a href="#">社会&raquo;</a></h3>
                        <ul>
                            <li><a href="#">求职</a></li>
                            <li><a href="#">租房</a></li>
                            <li><a href="#">励志</a></li>
                            <li><a href="#">留学</a></li>
                            <li><a href="#">出国</a></li>
                            <li><a href="#">理财</a></li>
                            <li><a href="#">传媒</a></li>
                            <li><a href="#">创业</a></li>
                            <li><a href="#">考试</a></li>
                            
                        </ul>
                    </div>
                    <div class="group_right_sixth">
                        <h3><a href="#">艺术&raquo;</a></h3>
                        <ul>
                            <li><a href="#">设计</a></li>
                            <li><a href="#">手工</a></li>
                            <li><a href="#">展览</a></li>
                            <li><a href="#">曲艺</a></li>
                            <li><a href="#">舞蹈</a></li>
                            <li><a href="#">雕塑</a></li>
                            <li><a href="#">纹身</a></li>
    
                        </ul>
                    </div>
                    <div class="group_right_seventh">
                        <h3><a href="#">学术&raquo;</a></h3>
                        <ul>
                            <li><a href="#">人文</a></li>
                            <li><a href="#">社科</a></li>
                            <li><a href="#">自然</a></li>
                            <li><a href="#">建筑</a></li>
                            <li><a href="#">国学</a></li>
                            <li><a href="#">语言</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">宗教</a></li>
                            <li><a href="#">软件</a></li>
                            <li><a href="#">硬件</a></li>
                            <li><a href="#">互联网</a></li>
                        </ul>
                    </div>
                    <div class="group_right_eighth">
                        <h3><a href="#">情感&raquo;</a></h3>
                        <ul>
                            <li><a href="#">恋爱</a></li>
                            <li><a href="#">心理</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">星座</a></li>
                            <li><a href="#">塔罗</a></li>
                            <li><a href="#">LES</a></li>
                            <li><a href="#">GAY</a></li>
                            
                        </ul>
                    </div>
                    
                     <div class="group_right_ninth">
                        <h3><a href="#">闲聊&gt;&gt;</a></h3>
                        <ul>
                            <li><a href="#">吐槽</a></li>
                            <li><a href="#">八卦</a></li>
                            <li><a href="#">笑话</a></li>
                            <li><a href="#">直播</a></li>
                            <li><a href="#">发泄</a></li>
                            
                        </ul>
                    </div>
                </div>
                
            </div>
        </div>

        <div class="section_book">
            <div class="wrapper_left">
                <div class="section_book_left">
                    <h2><a href="#">读书</a></h2>
                    <div class="section_book_left_item">
                        <ul>
                            <li><a href="#">分类浏览</a></li>
                            <li><a href="#">阅读<span><sup><img src="./images/new_menu.gif" alt=""></sup></span></a></li>
                            <li><a href="#">作者</a></li>
                            <li><a href="#">书评</a></li>
                            <li><a href="#">购书单</a></li>
                        </ul>
                    </div>
                    <div class="section_book_left_logo">
                        <a href="#" class="book_logo"></a>
                        <div><a href="#">豆瓣阅读</a></div>
                    </div>
                </div>
            </div>
            <div class="wrapper_center">
                <div class="book_center">
                <div class="book_center_top">
                    <h2>新书速递&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;
                    (&nbsp;
                    <a href="#">更多</a>
                    &nbsp;)</h2>
                    <div class="book_center_top1">
                        <ul>
                            <li><a href="#"><img src="./images/34520184.jpg" alt=""></a>
                                <div class="book_title"><a href="#">牛蛙</a></div>
                                <div>胡迁</div>
                                <a href="#" class="book_free_reading">免费试读</a></li>
                            <li><a href="#"><img src="./images/34520184.jpg" alt=""></a>
                                <div class="book_title"><a href="#">陶潜和樱子</a></div>
                                <div>刘争争</div>
                                <a href="#" class="book_free_reading">免费试读</a></li>
                            <li><a href="#"><img src="./images/34520184.jpg" alt=""></a>
                                <div class="book_title"><a href="#">时间停止的那一...</a></div>
                                <div>〔英〕蕾秋·乔...</div>
                                <a href="#" class="book_free_reading">免费试读</a></li>
                            <li><a href="#"><img src="./images/34520184.jpg" alt=""></a>
                            <div class="book_title"><a href="#">如何有效整理信...</a></div>
                            <div>〔日〕奥野宣之...</div>
                           <a href="#" class="book_free_reading">免费试读</a></li>
                        </ul>
                    </div>
                </div>
                <div class="book_center_bottom">
                    <h2>原创数字作品&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;
                    (&nbsp;
                    <a href="#">更多</a>
                    &nbsp;)</h2>
                    <div class="book_center_top2">
                        <ul>
                            <li><div class="book_pic"><a href="#"><img src="./images/34520184.jpg" alt=""></a></div>
                                <div class="book_title"><a href="#">牛蛙</a></div>
                                <div>胡迁</div>
                                <a href="#" class="book_free_reading">免费试读</a></li>
                            <li><div class="book_pic"><a href="#"><img src="./images/34520184.jpg" alt=""></a></div>
                                <div class="book_title"><a href="#">陶潜和樱子</a></div>
                                <div>刘争争</div>
                                <a href="#" class="book_free_reading">免费试读</a></li>
                            <li><div class="book_pic"><a href="#"><img src="./images/34520184.jpg" alt=""></a></div>
                                <div class="book_title"><a href="#">时间停止的那一...</a></div>
                                <div>〔英〕蕾秋·乔...</div>
                                <a href="#" class="book_free_reading">免费试读</a></li>
                            <li><div class="book_pic"><a href="#"><img src="./images/34520184.jpg" alt=""></a></div>
                            <div class="book_title"><a href="#">如何有效整理信...</a></div>
                            <div>〔日〕奥野宣之...</div>
                           <a href="#" class="book_free_reading">免费试读</a></li>
                        </ul>
                </div>
                </div>
            </div>
        </div>
            <div class="wrapper_right">
                <div class="book_right">
                    <h2>热门标签&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;
                    (&nbsp;
                    <a href="#">更多</a>
                    &nbsp;)</h2>
                    <div class="book_right_first">
                        
                        <ul>
                            <li><span>[文学]</span></li>
                            <li><a href="#">小说</a></li>
                            <li><a href="#">随笔</a></li>
                            <li><a href="#">日本文学</a></li>
                            <li><a href="#">散文</a></li>
                            <li><a href="#">诗歌</a></li>
                            <li><a href="#">童话</a></li>
                            <li><a href="#">名著</a></li>
                            <li><a href="#">港台</a></li>
                            <li><a href="#">更多</a></li>
                        </ul>
                    </div>
                    <div class="book_right_second">
                        
                        <ul>
                            <li><span>[流行]</span></li>
                            <li><a href="#">小说</a></li>
                            <li><a href="#">推理</a></li>
                            <li><a href="#">绘本</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">科幻</a></li>
                            <li><a href="#">言情</a></li>
                            <li><a href="#">武侠</a></li>
                            <li><a href="#">奇幻</a></li>
                            <li><a href="#">更多</a></li>
                        </ul>
                    </div>
                    <div class="book_right_third">
                        
                        <ul>
                            <li><span>[文化]</span></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">哲学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">设计</a></li>
                            <li><a href="#">建筑</a></li>
                            <li><a href="#">电影</a></li>
                            <li><a href="#">回忆录</a></li>
                            <li><a href="#">音乐</a></li>
                            <li><a href="#">更多</a></li>
                        </ul>
                    </div>
                    <div class="book_right_fourth">
                        
                        <ul>
                            <li><span>[生活]</span></li>
                            <li><a href="#">旅行</a></li>
                            <li><a href="#">励志</a></li>
                            <li><a href="#">职场</a></li>
                            <li><a href="#">教育</a></li>
                            <li><a href="#">美食</a></li>
                            <li><a href="#">灵修</a></li>
                            <li><a href="#">健康</a></li>
                            <li><a href="#">家居</a></li>
                            <li><a href="#">更多</a></li>
                        </ul>
                    </div>

                    <div class="book_right_fivth">
                        
                        <ul>
                            <li><span>[经管]</span></li>
                            <li><a href="#">经济学</a></li>
                            <li><a href="#">管理</a></li>
                            <li><a href="#">商业</a></li>
                            <li><a href="#">金融</a></li>
                            <li><a href="#">营销</a></li>
                            <li><a href="#">理财</a></li>
                            <li><a href="#">股票</a></li>
                            <li><a href="#">企业史</a></li>
                            <li><a href="#">更多</a></li>
                        </ul>
                    </div>
                    <div class="book_right_sixth">
                        
                        <ul>
                            <li><span>[科技]</span></li>
                            <li><a href="#">科普</a></li>
                            <li><a href="#">互联网</a></li>
                            <li><a href="#">编程</a></li>
                            <li><a href="#">交互设计</a></li>
                            <li><a href="#">算法</a></li>
                            <li><a href="#">通信</a></li>
                            <li><a href="#">神经网络</a></li>
                            <li><a href="#">更多</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div> 

        <div class="section_music">
            <div class="wrapper_left">
                <div class="music_left">
                    <h2><a href="#" target="_blank">音乐</a></h2>
                    <div class="music_left_item">
                        <ul>
                            <li><a href="#">音乐人</a></li>
                            <li><a href="#">潮潮豆瓣音乐周</a></li>
                            <li><a href="#">金羊毛计划</a></li>
                            <li><a href="#">专题</a></li>
                            <li><a href="#">排行榜</a></li>
                            <li><a href="#">分类浏览</a></li>
                            <li><a href="#">乐评</a></li>
                            <li><a href="#">豆瓣FM</a></li>
                            <li><a href="#">歌单</a></li>
                            <li><a href="#">阿比鹿音乐奖</a></li>
                        </ul>
                    </div>
                    <a href="#" class="music_left_logo1"></a>
                    
                    <div class="music_logo_title"><a href="#">豆瓣FM</a></div>

                    <a href="#" class="music_left_logo2"></a>
                    
                    <div class="music_logo_title"><a href="#">豆瓣音乐人</a></div>

                </div>
            </div>
            <div class="wrapper_center">
                <div class="music_center">
                    <div class="music_center_top">
                        <h2>豆瓣新碟榜&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;
                        (&nbsp;
                        <a href="#">更多</a>
                        
                    &nbsp;)</h2>
                        <div class="music_center_top_item">
                            <ul>
                                <li><a href="#"><img src="./images/s29571731.jpg" alt=""></a>
                                    <div>1.<a href="#"> SHEEP</a></div>
                                    <div><a href="#">张艺兴</a></div>
                                    <div style="background: url(./images/ic_rating_s.png) no-repeat 0 -11px; height: 11px;"></div><span>6.8</span></li>
                                <li><a href="#"><img src="./images/s29571731.jpg" alt=""></a>
                                    <div>2.<a href="#"> SHEEP</a></div>
                                    <div><a href="#">张艺兴</a></div>
                                    <div style="background: url(./images/ic_rating_s.png) no-repeat 0 -11px; height: 11px;"></div><span>6.8</span></li>
                                <li><a href="#"><img src="./images/s29571731.jpg" alt=""></a>
                                    <div>3.<a href="#"> SHEEP</a></div>
                                    <div><a href="#">张艺兴</a></div>
                                    <div style="background: url(./images/ic_rating_s.png) no-repeat 0 -11px; height: 11px;"></div><span>6.8</span></li>
                                <li><a href="#"><img src="./images/s29571731.jpg" alt=""></a>
                                    <div>4.<a href="#"> SHEEP</a></div>
                                    <div><a href="#">张艺兴</a></div>
                                    <div style="background: url(./images/ic_rating_s.png) no-repeat 0 -11px; height: 11px;"></div><span>6.8</span></li>
                                <li><a href="#"><img src="./images/s29571731.jpg" alt=""></a>
                                    <div>5.<a href="#"> SHEEP</a></div>
                                    <div><a href="#">张艺兴</a></div>
                                    <div style="background: url(./images/ic_rating_s.png) no-repeat 0 -11px; height: 11px;"></div><span>6.8</span></li>
                                <li><a href="#"><img src="./images/s29571731.jpg" alt=""></a>
                                    <div>6.<a href="#"> SHEEP</a></div>
                                    <div><a href="#">张艺兴</a></div>
                                    <div style="background: url(./images/ic_rating_s.png) no-repeat 0 -11px; height: 11px;"></div><span>6.8</span></li>
                                <li><a href="#"><img src="./images/s29571731.jpg" alt=""></a>
                                    <div>7.<a href="#"> SHEEP</a></div>
                                    <div><a href="#">张艺兴</a></div>
                                    <div style="background: url(./images/ic_rating_s.png) no-repeat 0 -11px; height: 11px;"></div><span>6.8</span></li>
                                <li><a href="#"><img src="./images/s29571731.jpg" alt=""></a>
                                    <div>8.<a href="#"> SHEEP</a></div>
                                    <div><a href="#">张艺兴</a></div>
                                    <div style="background: url(./images/ic_rating_s.png) no-repeat 0 -11px; height: 11px;"></div><span>6.8</span></li>
                            </ul>
                        </div>
                    </div>
                    <div class="music_center_down">
                        <h2>热门歌单&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;
                        (&nbsp;
                        <a href="#">更多</a>
                        
                    &nbsp;)</h2>
                        <div class="music_center_down_item">
                            <ul>
                                <li><a href="#"><img src="./images/5574760-15.jpg" alt=""></a>
                                    <div>清弹</div></li>
                                <li><a href="#"><img src="./images/5574760-15.jpg" alt=""></a>
                                    <div>民谣来袭 喜欢就收</div></li>
                                <li><a href="#"><img src="./images/5574760-15.jpg" alt=""></a>
                                    <div>柴可夫斯基-芭蕾</div></li>
                                <li><a href="#"><img src="./images/5574760-15.jpg" alt=""></a>
                                    <div>露从今夜白</div></li>
                                <li><a href="#"><img src="./images/5574760-15.jpg" alt=""></a>
                                    <div>听一首爱上所有</div></li>
                                <li><a href="#"><img src="./images/5574760-15.jpg" alt=""></a>
                                    <div>鱼翔浅底</div></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="wrapper_right">
                <div class="music_right">
                    <h2>本周流行音乐人&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;
                        (&nbsp;
                        <a href="#">更多</a> 
                    &nbsp;)</h2>

                    <div class="music_player">
                        <ol>
                            <li>
                                <span>1.</span>
                                <a href="#"><img src="./images/423a6fc7d02dc5e.jpg" alt=""></a>
                                <div class="music_div">
                                    <div class="music_author"><a href="">许飞</a></div>
                                    <div class="music_tag">流派: 民谣 Folk <br>6977人关注</div>
                                </div></li>
                            <li>
                                <span>2.</span>
                                <a href="#"><img src="./images/423a6fc7d02dc5e.jpg" alt=""></a>
                                <div class="music_div">
                                    <div class="music_author"><a href="">许飞</a></div>
                                    <div class="music_tag">流派: 民谣 Folk <br>6977人关注</div>
                                </div></li>

                            <li>
                                <span>3.</span>
                                <a href="#"><img src="./images/423a6fc7d02dc5e.jpg" alt=""></a>
                                <div class="music_div">
                                    <div class="music_author"><a href="">许飞</a></div>
                                    <div class="music_tag">流派: 民谣 Folk <br>6977人关注</div>
                                </div></li>
                            <li>
                                <span>4.</span>
                                <a href="#"><img src="./images/423a6fc7d02dc5e.jpg" alt=""></a>
                                <div class="music_div">
                                    <div class="music_author"><a href="">许飞</a></div>
                                    <div class="music_tag">流派: 民谣 Folk <br>6977人关注</div>
                                </div></li>
                            <li>
                                <span>5.</span>
                                <a href="#"><img src="./images/423a6fc7d02dc5e.jpg" alt=""></a>
                                <div class="music_div">
                                    <div class="music_author"><a href="">许飞</a></div>
                                    <div class="music_tag">流派: 民谣 Folk <br>6977人关注</div>
                                </div></li>

                        </ol>
                    </div>
                </div>
            </div>
        </div> 

        <div class="section_market">
            <div class="wrapper_left">
                <div class="market_left">
                    <h2><a href="#">市集</a></h2>
                    <div class="market_item">
                        <ul>
                            <li><a href="#">美食</a></li>
                            <li><a href="#">服装</a></li>
                            <li><a href="#">配饰</a></li>
                            <li><a href="#">包袋</a></li>
                            <li><a href="#">鞋靴</a></li>
                            <li><a href="#">美容护肤</a></li>
                            <li><a href="#">家居生活</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="wrapper_center">
                <div class="market_center">
                    <h2>热门商品&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;
                        (&nbsp;
                        <a href="#">更多</a>
                        
                    &nbsp;)</h2>
                    <div class="market_center_1"><a href="#"><img src="./images/p1982227.jpg" alt=""></a><div title="桌面置物架" class="market_center_title"><a href="#">桌面置物架</a><span>88.00</span></div></div>
                    <div class="market_center_2">
                        <ul>
                        <li><a href="#"><img src="./images/p458880.jpg" alt=""></a><div title="木马逐风Mazur“三茶六味”牛轧糖礼盒" class="market_center_title"><a href="#">木马逐风Mazur“三...</a></li>

                       <li><a href="#"><img src="./images/p458880.jpg" alt=""></a><div title="木马逐风Mazur“三茶六味”牛轧糖礼盒" class="market_center_title"><a href="#">木马逐风Mazur“三...</a></li>

                        <li><a href="#"><img src="./images/p458880.jpg" alt=""></a><div title="木马逐风Mazur“三茶六味”牛轧糖礼盒" class="market_center_title"><a href="#">木马逐风Mazur“三...</a></li>

                        <li><a href="#"><img src="./images/p458880.jpg" alt=""></a><div title="木马逐风Mazur“三茶六味”牛轧糖礼盒" class="market_center_title"><a href="#">木马逐风Mazur“三...</a></li>
                        </ul>
                        </div>
                    
                    <div class="market_center_3"><a href="#"><img src="./images/p1982227.jpg" alt=""></a><div title="桌面置物架" class="market_center_title"><a href="#">桌面置物架</a><span>88.00</span></div></div>
                    <div class="market_center_4">
                        <ul>
                        <li><a href="#"><img src="./images/p458880.jpg" alt=""></a><div title="木马逐风Mazur“三茶六味”牛轧糖礼盒" class="market_center_title"><a href="#">木马逐风Mazur“三...</a></li>

                       <li><a href="#"><img src="./images/p458880.jpg" alt=""></a><div title="木马逐风Mazur“三茶六味”牛轧糖礼盒" class="market_center_title"><a href="#">木马逐风Mazur“三...</a></li>

                        <li><a href="#"><img src="./images/p458880.jpg" alt=""></a><div title="木马逐风Mazur“三茶六味”牛轧糖礼盒" class="market_center_title"><a href="#">木马逐风Mazur“三...</a></li>

                        <li><a href="#"><img src="./images/p458880.jpg" alt=""></a><div title="木马逐风Mazur“三茶六味”牛轧糖礼盒" class="market_center_title"><a href="#">木马逐风Mazur“三...</a></li>
                        </ul>
                        </div>
                    </div>
                </div>

            <div class="wrapper_right">
                <div class="market_right">
                    <h2>热门店铺&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;
                        (&nbsp;
                        <a href="#">更多</a>
                    &nbsp;)</h2>
                    <div class="market_right_item">
                       <ul>
                           <li>
                               <div class="market_right_item_pic"><a href="#"><img src="./images/2e35f89d2c7990d.jpg" alt=""></a></div>
                               <div class="market_right_item_title"><a href="#">ERICD官方旗舰店</a>
                                    <div>ERICD原创设计以传统服装制作工艺为主导，结合当下最流行的...</div>
                                </div>
                           </li>
                           <li>
                               <div class="market_right_item_pic"><a href="#"><img src="./images/2e35f89d2c7990d.jpg" alt=""></a></div>
                               <div class="market_right_item_title"><a href="#">PISN</a>
                                    <div>每周五定时上新，注意关注偶</div>
                                </div>
                           </li>
                           <li>
                               <div class="market_right_item_pic"><a href="#"><img src="./images/2e35f89d2c7990d.jpg" alt=""></a></div>
                               <div class="market_right_item_title"><a href="#">Nanaz 家居百货</a>
                                    <div>不用装修，NaNaZ home 也能你家变得更美一些。</div>
                                </div>
                           </li>
                           <li>
                               <div class="market_right_item_pic"><a href="#"><img src="./images/2e35f89d2c7990d.jpg" alt=""></a></div>
                               <div class="market_right_item_title"><a href="#">黄小姐</a>
                                    <div>卖我会穿的打底，做你会爱的姑娘</div>
                                </div>
                           </li>
                       </ul> 
                    </div>
                </div>
            </div>
            </div>

            
        <div class="section_location">
            <div class="wrapper_left">
                <div class="location_left">
                    <h2><a href="#">同城</a></h2>
                    <div class="location_left_item">
                        <ul>
                            <li><a href="#">近期活动</a></li>
                            <li><a href="#">主办方</a></li>
                            <li><a href="#">舞台剧</a></li>
                            <li><a href="#">2016舞台剧榜单</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="wrapper_center">
                <div class="location_center">
                    <h2>大连 · 本周热门活动 &nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;(&nbsp;
                        <a href="#">更多 </a>
                    &nbsp;)
                    </h2> 
                    
                    <div class="location_center_show">
                        <ul>
                            <li><a href="#"><img src="./images/7631e93e5ffa158.jpg" alt=""></a>
                                <div class="location_center_show_title">
                                    <a href="#">音剧会《维也纳之恋- 贝多芬的爱情故事》</a>
                                    <div>11月2日 周四 19:00 - 21:00</div>
                                    <div>大连开发区大剧院小剧场 辽...</div>
                                    <div>4人关注</div>
                                </div></li>
                            <li><a href="#"><img src="./images/7631e93e5ffa158.jpg" alt=""></a>
                                <div class="location_center_show_title">
                                    <a href="#">音剧会《维也纳之恋- 贝多芬的爱情故事》</a>
                                    <div>11月2日 周四 19:00 - 21:00</div>
                                    <div>大连开发区大剧院小剧场 辽...</div>
                                    <div>4人关注</div>
                                </div></li>
                            <li><a href="#"><img src="./images/7631e93e5ffa158.jpg" alt=""></a>
                                <div class="location_center_show_title">
                                    <a href="#">音剧会《维也纳之恋- 贝多芬的爱情故事》</a>
                                    <div>11月2日 周四 19:00 - 21:00</div>
                                    <div>大连开发区大剧院小剧场 辽...</div>
                                    <div>4人关注</div>
                                </div></li>
                            <li><a href="#"><img src="./images/7631e93e5ffa158.jpg" alt=""></a>
                                <div class="location_center_show_title">
                                    <a href="#">音剧会《维也纳之恋- 贝多芬的爱情故事》</a>
                                    <div>11月2日 周四 19:00 - 21:00</div>
                                    <div>大连开发区大剧院小剧场 辽...</div>
                                    <div>4人关注</div>
                                </div></li>

                        </ul>
                    </div>

                </div>
            </div>
            <div class="wrapper_right">
                <div class="location_right">
                    <h2>活动标签 &nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;
                    </h2> 
                    <div class="location_right_first">
                        <h3><a href="#">音乐&raquo;</a></h3>
                        <ul>
                            <li><a href="#">小型现场</a></li>
                            <li><a href="#">音乐会</a></li>
                            <li><a href="#">演唱会</a></li>
                            <li><a href="#">音乐节</a></li>
                        </ul>
                    </div>
                    <div class="location_right_second">
                        <h3><a href="#">戏剧&raquo;</a></h3>
                        <ul>
                            <li><a href="#">话剧</a></li>
                            <li><a href="#">音乐剧</a></li>
                            <li><a href="#">舞剧</a></li>
                            <li><a href="#">歌剧 </a></li>
                            <li><a href="#">戏曲</a></li>
                            <li><a href="#">其他</a></li>
                        </ul>
                    </div>
                    <div class="location_right_third">
                        <h3><a href="#">聚会&raquo;</a></h3>
                        <ul>
                            <li><a href="#">生活</a></li>
                            <li><a href="#">集市</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">外语 </a></li>
                            <li><a href="#">桌游</a></li>
                            <li><a href="#">夜店</a></li>
                            <li><a href="#">交友</a></li>
                            <li><a href="#">美食</a></li>
                            <li><a href="#">派对</a></li>
                        </ul>
                    </div>
                    <div class="location_right_fourth">
                        <h3><a href="#">电影&raquo;</a></h3>
                        <ul>
                            <li><a href="#">主题放映</a></li>
                            <li><a href="#">影展</a></li>
                            <li><a href="#">影院活动</a></li>
                        </ul>
                    </div>
                    <div class="location_right_fivth">
                        <h3><a href="#">其他&raquo;</a></h3>
                        <ul>
                            <li><a href="#">讲座</a></li>
                            <li><a href="#">展览</a></li>
                            <li><a href="#">运动</a></li>
                            <li><a href="#">旅行 </a></li>
                            <li><a href="#">公益</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- section部分结束 -->
    <!-- footer begin -->
    <div class="footer">
        <div class="footer_wrapper">
        <div class="footer_left">
            © 2005－2017 douban.com, all rights reserved 北京豆网科技有限公司 <br>
            <a href="#">京ICP证090015号</a> 京ICP备11027288号 网络视听许可证<a href="#">0110418</a>号 <br>
            京网文[2015]2026-368号  <img src="./images/biaoshi.gif" alt="" height="13" width="13"><a href="#">京公网安备11010502000728</a>  新出网证(京)字129号 <br>
            违法和不良信息举报电话：4008353331 <img src="./images/file-1423193113.png" alt="" height="13" width="117"><br>
             <img src="./images/jubao.png" alt="" height="12" width="12"><a href="#">中国互联网举报中心</a> 电话：12377 <a href="#">《食品流通许可证》许可证：SP1101051510347287</a> <br>
             <a href="#">新出发京批字第直160029号</a>
        </div>
        <div class="footer_right">
            <div class="footer_right_item">
                <ul>
                    <li><a href="#">关于豆瓣</a></li>
                    &middot;
                    <li><a href="#">在豆瓣工作</a></li>
                    &middot;
                    <li><a href="#">联系我们</a></li>
                    &middot;
                    <li><a href="#">免责声明</a></li>
                    &middot;
                    <li><a href="#">帮助中心</a></li>
                    &middot;
                    <li><a href="#">移动应用</a></li>
                    &middot;
                    <li><a href="#">豆瓣广告</a></li>
                    
                </ul>
            </div>
            <div class="footer_right_pic"><a href="#"><img src="./images/file-1489464722.jpg" alt=""></a></div>
        </div>
        </div>
    </div>
    <!-- footer ends -->
</body>

</html>

